Next.js App Router
Next.js
v13で導入された新しい
ルーティング
や
レンダリング
の仕組み
13.4以降はstable
以前まで存在していた仕組みは
Page Router
と呼ばれていた
pages
以下につくったファイルごとにルーティングが生成されていた
App Router
では
app
直下の
page.tsx
だけがルーティング対象になる
デフォルトですべての
コンポーネント
が
サーバーコンポーネント
になった
React Server Components
"use client"
を宣言することでクライアントコンポーネントにもできる
参考
ざっくりApp Router入門【Next.js】
【Next.js】実務でapp routerに移行した所感